<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>轻食美食 - 后台首页</title>
    <link rel="icon" href="./static/favicon.ico">
    <link rel="stylesheet" href="./static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./static/admin/css/index.css">
    <script src="./static/js/vue.min.js"></script>
    <script src="./static/js/jquery-3.3.1.min.js"></script>
    <script src="./static/bootstrap/js/bootstrap.bundle.js"></script>
    <script src="./static/admin/js/script.js"></script>
    <script src="./js/index.js"></script>
</head>

<body>
    <div id="app" class="d-flex">
        <nav>
            <div class="logo">
                <h4>轻食美食</h4>
            </div>
            <ul class="menu">
                <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe6e0;</i>用户管理<i
                            class="iconfont arrow float-right">&#xe66c;</i></a>
                    <ul class="sub-menu">
                        <li><a href="user_index.html" target="main">用户列表</a></li>
                    </ul>
                </li>
                <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe69d;</i>文章管理<i
                            class="iconfont arrow float-right">&#xe66c;</i></a>
                    <ul class="sub-menu">
                        <li><a href="article_index.html" target="main">文章管理</a></li>
                        <li><a href="comments_index.html" target="main">评论管理</a></li>
                    </ul>
                </li>
                <li><a class="top-menu" href="javascript:;"><i class="iconfont mr-1">&#xe6d4;</i>菜谱管理<i
                            class="iconfont arrow float-right">&#xe66c;</i></a>
                    <ul class="sub-menu">
                        <li><a href="recipe_index.html" target="main">菜谱管理</a></li>
                    </ul>
                </li>
                <li><a href="login.html" target="main"><i class="iconfont mr-1">&#xe68c;</i>退出登录</a> </li>
            </ul>
        </nav>

        <main>
            <header>
                <a href="../pageWeb/index.html" target="_blank">网站首页</a>
                <div class="dropdown float-right">
                    <button class="btn  btn-sm  dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <svg width="20" height="1em" viewBox="0 0 16 16" class="bi bi-emoji-smile-fill rounded-circle"
                            fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd"
                                d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zM4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683zM10 8c.552 0 1-.672 1-1.5S10.552 5 10 5s-1 .672-1 1.5S9.448 8 10 8z" />
                        </svg>
                        <!-- 修改用户名 -->
                        <span>*****</span>
                    </button>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu2">
                        <a class="dropdown-item" href="login.html">退出登录</a>
                    </div>
                </div>
            </header>
            <iframe src="user_index.html" name="main"></iframe>
        </main>
    </div>

</body>

</html>